<template>
  <view v-if="loading" class="index flex">
    <LoadingSpin />
  </view>
</template>

<script>
export default {
  name: "Loading",
  computed: {
    loading() {
      return this.$store.state.app.loading;
    },
  },
};
</script>

<style lang="scss" scoped>
.index {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 999999999;
  background: rgba(255, 255, 255, 0.6);
}
</style>
